<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0">

		<title>旧书信息填写</title>

		<link href="../AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css">
		<link href="../AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css">

		<link href="../css/personal.css" rel="stylesheet" type="text/css">
		<link href="../css/addstyle.css" rel="stylesheet" type="text/css">
		<script src="../AmazeUI-2.4.2/assets/js/jquery.min.js" type="text/javascript"></script>
		<script src="../AmazeUI-2.4.2/assets/js/amazeui.js"></script>

	</head>

	<body>
		<!--头 -->
		<header>
			<article>
				<div class="mt-logo">
					<!--顶部导航条 -->
					<div class="am-container header">
						<ul class="message-l">
							<div class="topMessage">
								<div class="menu-hd">
									<a href="#" target="_top" class="h">华农二手书商城</a>
								</div>
							</div>
						</ul>
						<ul class="message-r">
							<div class="topMessage home">
								<div class="menu-hd"><a href="#" target="_top" class="h"><i class="am-icon-home am-icon-fw" ></i>商城首页</a></div>
							</div>
							<div class="topMessage my-shangcheng">
								<div class="menu-hd MyShangcheng"><a href="#" target="_top"><i class="am-icon-user am-icon-fw"></i>个人中心</a></div>
							</div>
							<div class="topMessage mini-cart">
								<div class="menu-hd"><a id="mc-menu-hd" href="#" target="_top"><i class="am-icon-shopping-cart  am-icon-fw"></i><span>购物车</span><strong id="J_MiniCartNum" class="h">0</strong></a></div>
							</div>
							<div class="topMessage favorite">
								<div class="menu-hd"><a href="#" target="_top"><i class="am-icon-book am-icon-fw"></i><span>旧书交易</span></a></div>
						</ul>
						</div>

						<!--悬浮搜索框-->

						<div class="nav white">
							<div class="logoBig">
								<li><img src="../images/logobig.png" /></li>
							</div>

							<div class="search-bar pr">
								<a name="index_none_header_sysc" href="#"></a>
								<form>
									<input id="searchInput" name="index_none_header_sysc" type="text" placeholder="搜索" autocomplete="off">
									<input id="ai-topsearch" class="submit am-btn" value="搜索" index="1" type="submit">
								</form>
							</div>
						</div>

						<div class="clear"></div>
					</div>
				</div>
			</article>
		</header>

		<div class="nav-table">
					   <div class="long-title"><span class="all-goods">全部分类</span></div>
					   <div class="nav-cont">
							<ul>
								<li class="index"><a href="#">商城首页</a></li>
                                <li class="qc"><a href="#">个人中心</a></li>
                                <li class="qc"><a href="#">我的购物车</a></li>
							</ul>
						  
						</div>
			</div>
		<b class="line"></b>

		<div class="center">
			<div class="col-main">
				<div class="main-wrap">

					<div class="user-address">
						<!--标题 -->
						
						<!--例子-->
						<div class="am-modal am-modal-no-btn" id="doc-modal-1">

							<div class="add-dress">
							

								<!--标题 -->
								<div class="am-cf am-padding">
									<div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">旧书信息填写</strong> / <small>Add&nbsp;usedbook&nbsp;information</small></div>
								</div>
								<hr/>

								<div class="am-u-md-12 am-u-lg-8" style="margin-top: 20px;">
									<form class="am-form am-form-horizontal">
									    <div class="am-form-group">
											<label for="book-name" class="am-form-label">书名</label>
											<div class="am-form-content">
												<input type="text" id="user-name" placeholder="书名">
											</div>
										</div>
										
										<div class="am-form-group">
											<label for="book-name" class="am-form-label">书币值</label>
											<div class="am-form-content">
												<input type="text" id="user-name" placeholder="书币">
											</div>
										</div>
										
										<div class="am-form-group">
											<label for="book-name" class="am-form-label">版本</label>
											<div class="am-form-content">
												<input type="text" id="user-name" placeholder="版本">
											</div>
										</div>

										<div class="am-form-group">
											<label for="user-name" class="am-form-label">作者/主编</label>
											<div class="am-form-content">
												<input type="text" id="user-name" placeholder="收货人">
											</div>
										</div>
										
										<div class="am-form-group">
											<label for="user-address" class="am-form-label">专业类别</label>
											<div class="am-form-content address">
												<select data-am-selected>
													<option value="a">编程技术</option>
													<option value="b" selected>经济管理</option>
													<option value="a">文学历史</option>
													<option value="a">工业工程</option>
													<option value="a">动物科学</option>
													<option value="a">编程技术</option>
													<option value="a">编程技术</option>
												</select>
											</div>
										</div>
										
										<div class="am-form-group">
											<label for="user-intro" class="am-form-label">爱书备注</label>
											<div class="am-form-content">
												<textarea class="" rows="3" id="user-intro" placeholder="输入详细信息"></textarea>
												<small>100字以内写出你的爱书详细信息...</small>
											</div>
										</div>
										<b class="line"></b>
										<span></span>
										<div class="am-cf am-padding">
									<div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">填写你的联系方式</small> / <small>your&nbsp;address&nbsp;information</small></div>
								</div>

										<div class="am-form-group">
											<label for="user-phone" class="am-form-label">手机号码</label>
											<div class="am-form-content">
												<input id="user-phone" placeholder="手机号必填" type="email">
											</div>
										</div>
										<div class="am-form-group">
											<label for="user-phone" class="am-form-label">QQ号码</label>
											<div class="am-form-content">
												<input id="user-phone" placeholder="手机号必填" type="email">
											</div>
										</div>
										<div class="am-form-group">
											<label for="user-address" class="am-form-label">宿舍地址</label>
											<div class="am-form-content address">
												<select data-am-selected>
													<option value="a">泰山区</option>
													<option value="b" selected>启林区</option>
													<option value="a">华山区</option>
												</select>
												<select data-am-selected>
													<option value="a">1栋</option>
													<option value="b" selected>2栋</option>
												</select>
												<select data-am-selected>
													<option value="a">623</option>
													<option value="b" selected>630</option>
												</select>
											</div>
										</div>
										

										<div class="am-form-group">
											<div class="am-u-sm-9 am-u-sm-push-3">
												<a class="am-btn am-btn-danger">保存</a>
												<a href="javascript: void(0)" class="am-close am-btn am-btn-danger" data-am-modal-close>取消</a>
											</div>
										</div>
									</form>
								</div>

							</div>

						</div>

					</div>

					<script type="text/javascript">
						$(document).ready(function() {							
							$(".new-option-r").click(function() {
								$(this).parent('.user-addresslist').addClass("defaultAddr").siblings().removeClass("defaultAddr");
							});
							
							var $ww = $(window).width();
							if($ww>640) {
								$("#doc-modal-1").removeClass("am-modal am-modal-no-btn")
							}
							
						})
					</script>

					<div class="clear"></div>

				</div>
				<!--底部-->
				<div class="footer">
					<div class="footer-hd">
						<p>
							<a href="#">应用</a>
							<b>|</b>
							<a href="http://www.scau.edu.cn/">关于华农</a>
							<b>|</b>
							<a href="#">联系我们</a>
						</p>
					</div>
					<div class="footer-bd">
						<p>
							<em>© 版权所有. 侵权必究 <a href="#" target="_blank" title="我们的聊天室">我们的聊天室</a></em>
						</p>
					</div>

				</div>
			</div>

			<aside class="menu">
				<ul>
					<li class="person">
						<a href="index.html">个人中心</a>
					</li>
					<li class="person">
						<a href="#">个人资料</a>
						<ul>
							<li class="active"> <a href="information.html">个人信息</a></li>
							<li> <a href="password.html">密码修改</a></li>
						</ul>
					</li>
					<li class="person">
						<a href="#">我的订单</a>
						<ul>
							<li><a href="order.html">订单详情</a></li>
						</ul>
					</li>
					<li class="person">
						<a href="#">旧书交易</a>
						<ul>
							<li> <a href="bookinfo.html">旧书上架</a></li>
							<li> <a href="order.html">交易详情</a></li>
						</ul>
					</li>


				</ul>

			</aside>
		</div>

	</body>

</html>